<template>
  <el-config-provider :locale="zhCn" size="large">
    <RouterView>
      <template #default="{ Component }">
        <component :is="Component" />
      </template>
    </RouterView>
  </el-config-provider>
</template>

<script setup>
import { ElConfigProvider } from "element-plus";
import zhCn from "element-plus/dist/locale/zh-cn.mjs";
</script>

<style lang="scss">
#app {
  width: 100vw;
  height: 100vh;
}
.amap-marker-label {
  border: none;
  background-color: transparent;
  // z-index: 100;
}
.prj-box {
  --opacity: 0.7;
  position: relative;
  font-size: 16px;
  color: #ffffff;
  .img {
    position: absolute;
    width: 262px;
    height: 182px;
    left: 0px;
    top: -190px;
    opacity: 0.9;
  }
  &__header {
    background-image: linear-gradient(
      90deg,
      rgba(23, 162, 255, var(--opacity)) 4%,
      rgba(61, 111, 199, var(--opacity)) 97%
    );
    box-shadow: 0 2px 4px 2px rgba(0, 0, 0, var(--opacity));
    border-radius: 4px;
    padding: 6px;
    .title {
      padding: 3px 16px 3px 13px;
      background-image: linear-gradient(
        270deg,
        rgba(14, 57, 137, var(--opacity)) 0%,
        rgba(13, 77, 147, var(--opacity)) 100%
      );
      border-radius: 2px;
      font-weight: 600;
      font-size: 16px;
    }
  }
  &__body {
    margin-top: 7px;
    background: rgba(12, 39, 83, var(--opacity));
    border: 2px solid rgba(22, 76, 170, var(--opacity));
    padding: 14px 19px;
    & > div {
      &:nth-child(n + 2) {
        margin-top: 14px;
      }
    }
  }
}
</style>
